<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page
	import="edu.uclm.esi.tysw.podtube.domain.Usuario, org.json.simple.JSONObject, 
	org.json.simple.parser.JSONParser, org.json.simple.parser.ParseException"%>

<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
<html>
<head>
	<!-- Bootstrap -->
	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link href="bootstrap/css/sticky-footer.css" rel="stylesheet">
	
	<script type="text/javascript" src="scripts/IniciarSesion.js"></script>
<sx:head />
<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
<title>Podtube - Déjate oír</title>
</head>
<body>
	<div id="wrap">
		<div class="container">
			<%
				Usuario user = (Usuario) session.getAttribute("user");
				String query = request.getParameter("query");
				if (query != null) {
					JSONParser parser = new JSONParser();
					JSONObject jUser = (JSONObject) parser.parse(query);
					String email = (String) jUser.get("email");
					String pwd = (String) jUser.get("pwd");
					user = new Usuario(email, pwd);
					session.setAttribute("user", user);
				}

				if (user == null) {
			%>
				<jsp:include page="headerNoConectado.jsp" />
			<%
				} else {
			%>
				<jsp:include page="headerConectado.jsp" />
			<%
				}
			%>
	
			<ul class="nav nav-tabs nav-justified">
	  		<li class="active"><a href="#Explorar" data-toggle="tab">
	  			<span style="font-size: 24px;">Explora</span>
	  		</a></li>
	  		<li><a href="#Subir" data-toggle="tab">
	  			<span style="font-size: 24px;">Sube tus audios</span>
	  		</a></li>
			</ul>
			<div id="tabContent" class="tab-content">
			  <div class="tab-pane fade active in" id="Explorar">
			    <div class="text-center">
		        <h1>Aun no hay contenidos</h1>
        		<p class="lead">¡Pero estamos trabajando en ello!</p>
		      </div>
			  </div>
			  <div class="tab-pane fade" id="Subir">
			    <%
						if(user == null) {
					%>
		        <div class="text-center">
		        	<h1>Necesitas estar registrado para subir audios</h1>
        			<p class="lead">¡Regístrate o identifícate para poder disfrutar de PodTube!</p>
		      	</div>
		      <%
						} else {
					%>
						<div class="row-fluid">
   						<div class="span12 text-center">
       					<s:form role="form" action="SubirAudio" method="post" id="formularioSubirAudio" enctype="multipart/form-data">
									<div class="form-group">
										<h1><label>Selecciona un archivo</label></h1>
										<label><input name="upload" class="form-control" type="file"></label>
									</div>
									<button type="submit" class="btn btn-default" value="Submit">
										<span class="glyphicon glyphicon-upload"></span> Subir
									</button>
									<s:submit value="Subir directamente"></s:submit>
								</s:form>
							</div>
						</div>
					<%
						}
					%>
			  </div>
			</div>
		</div>
	</div>

	<div id="footer">
	  <div class="container">
	    <p class="text-muted credit text-center">Aquí deberían de ir los créditos de las personas que han trabajado (?) haciendo esto posible.</p>
	  </div>
	</div>

	<script src="bootstrap/js/jquery.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>